<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="../commons/meta.jsp"%>
<link href="${ctx}/hplus/css/plugins/page.css" rel="stylesheet">
<title>${commonTitle}-接口管理</title>
</head>
<body class="fixed-sidebar">
	<div id="wrapper" >
		<%@ include file="../commons/left.jsp"%>
		<div id="page-wrapper" class="gray-bg dashbard-1">
			<%@ include file="../commons/top.jsp"%>
			<!-- 业务代码 -->
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-10">
					<h2>接口列表</h2>
					<ol class="breadcrumb">
						<li><a href="${ctx}/">主页</a></li>
						<li><strong>接口列表</strong></li>
                    </ol>
				</div>
                <div class="col-lg-2"></div>
			</div>
                <div class="gray-bg wrapper wrapper-content animated fadeInRight dashbard-1">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
                            <div class="ibox-title">
                                <h5>接口列表</h5>
                                <div class="ibox-tools">
                                    <a href="${ctx}/send/service/add" class="btn btn-primary btn-xs">添加</a>
                                </div>
                            </div>
                            <form id="commonForm" method="post">
                                <input type="hidden" id="method" name="method">
                            </form>
                            <div class="ibox-content">
                                <div class="form-horizontal col-xs-12" id="queryDiv">

                                    <div class="form-group">
                                        <label class="col-sm-1 control-label">接口方法：</label>
                                        <div class="col-sm-2">
                                            <input class="form-control" id="queryMethod" name="method">
                                        </div>
                                        <label class="col-sm-1 control-label">系统名称：</label>
                                        <div class="col-sm-2">
                                            <input class="form-control" id="queryMethodName" name="name">
                                        </div>
                                        <label class="col-sm-1 control-label">负责人：</label>
                                        <div class="col-sm-2">
                                            <input class="form-control" id="queryAuthor" name="author">
                                        </div>
                                        <div class="col-sm-1">
                                            <div class="input-group">
                                                <button type="button" id="serach" class="btn btn-primary">查询</button>
                                            </div>
                                        </div>


                                        <!-- Button trigger modal -->
                                        <div class="col-sm-2">
                                            <div class="input-group">
                                                <button class="btn btn-primary" type="button" id="exceldownload">导出</button>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <table id="dataList" class="table table-striped table-bordered table-hover">
                                    <thead>
                                    <tr>
                                        <th >编&nbsp;号</th>
                                        <th >接口方法</th>
                                        <th >功能描述</th>
                                        <th >系统名称</th>
                                        <th >负责人</th>
                                        <th >接口地址</th>
                                        <th >状态</th>
                                        <th>操作</th>
                                    </tr>
                                    </thead>
                                </table>
                            </div>
						</div>
					</div>
				</div>
			</div>
			<%@ include file="../commons/footer.jsp"%>
		</div>
	</div>




</body>
</html>


<div class="modal inmodal" id="exceldownloadmoadl" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <form class="form-horizontal m-t" id="excel" method="post" action="#">
            <div class="modal-content animated fadeIn">
                <div class="modal-header">
                    <h4 class="text-center">导出接口选项</h4>
                </div>
                <div class="modal-body" >
                    <div class="form-group">
                        <label class="col-sm-3 control-label">接口选项：</label>
                        <div class="col-sm-6">
                            <select id="auditState" name="auditState" multiple='true' data-placeholder="接口选项" class="chosen-select col-sm-12">
                                <option value="method">接口方法</option>
                                <option value="memo">功能描述</option>
                                <option value="name">系统名称</option>
                                <option value="author">负责人</option>
                                <option value="url">接口地址</option>
                                <option value="state">状态</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="excel-data" data-dismiss="modal">导出</button>
                    <button type="button" class="btn btn-white" data-dismiss="modal" id="excel_close">关闭</button>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="${ctx}/hplus/js/gateway/service/list.js"></script>